<template>
    <el-tabs tab-position="left">
        <el-tab-pane label="分值计算">
            <el-table :data="tableData" border style="width: 100%">
                <el-table-column prop="item" label="分值项" />
                <el-table-column prop="remark" label="分值说明" />
            </el-table>
        </el-tab-pane>
        <el-tab-pane label="投诉系数">
            <el-table :data="complainTable" border style="width: 100%;">
                <el-table-column prop="complainNum" label="投诉数量" align="center" />
                <el-table-column prop="coefficient" label="投诉系数" align="center" />
            </el-table>
        </el-tab-pane>
    </el-tabs>
</template>

<script setup>
import { ref } from "vue";


const tableData = ref([
    { item: '总分', remark: '投诉系数 *  用户满意度' }
])

const complainTable = ref([
    { complainNum: '0-3', coefficient: '1' },
    { complainNum: '3-5', coefficient: '0.8' },
    { complainNum: '大于5', coefficient: '0.6' }
])

</script>